<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>新增用户</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/png" th:href="@{/assets/images/icon/favicon.ico}">
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.mincopy.css}">
    <link rel="stylesheet" th:href="@{/assets/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/themify-icons.css}">
    <link rel="stylesheet" th:href="@{/assets/css/metisMenu.css}">
    <link rel="stylesheet" th:href="@{/assets/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/slicknav.min.css}">
    <!-- amchart css -->
    <link rel="stylesheet" th:href="@{/assets/css/export.css}" type="text/css" media="all"/>
    <!-- others css -->
    <link rel="stylesheet" th:href="@{/assets/css/typography.css}">
    <link rel="stylesheet" th:href="@{/assets/css/default-css.css}">
    <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
    <link rel="stylesheet" th:href="@{/assets/css/responsive.css}">
    <!-- modernizr css -->
    <script th:src="@{assets/js/vendor/modernizr-2.8.3.min.js}"></script>

</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
    <div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<form id="form" action="/admin/show" method="post">
    <div class="page-container">
        <!-- sidebar menu area start -->
        <div class="sidebar-menu">
            <div class="sidebar-header">
                <div class="logo" >
                    <span style="color: white; ">
                        <h4>后台管理系统</h4>
                    </span>
                </div>
            </div>
            <div class="main-menu">
                <div class="menu-inner" style="width: 100%; height: 500px; overflow: hidden;">
                    <nav>
                        <ul class="metismenu" id="menu">
                            <li class="active">
                                <a href="javascript:void(0)" aria-expanded="true"><i
                                        class="ti-dashboard"></i><span>用户管理</span></a>
                                <ul class="collapse">
                                    <li class="active"><a th:href="@{/admin/user}">用户信息</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:void(0)" aria-expanded="true"><i
                                        class="fa fa-table"></i><span>打卡数据</span></a>
                                <ul class="collapse">
                                    <li><a th:href="@{/admin/show}">打卡信息</a></li>
                                </ul>
                            </li>
                            <li><a th:href="@{/logout}"><i class="ti-map-alt"></i> <span>退出登录</span></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="main-content">
            <!-- header area start -->
            <div class="header-area">
                <div class="row align-items-center">
                    <!-- nav and search button -->
                    <div class="col-md-6 col-sm-8 clearfix">
                        <div class="nav-btn pull-left">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="search-box pull-left">
                            <input type="text" id="searchKeyword" name="searchKeyword" required="required"
                                   th:placeholder="输入关键字搜索">
                            <div class="pagination_area pull-right ">
                                <ul>
                                    <li><a href="#" onclick='searchAccount()'>确定</a></li>
                                    <li><a href="#" onclick='backmain()'>返回</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- header area end -->
            <!-- page title area start -->
            <div class="page-title-area">
                <div class="row align-items-center">
                    <div class="col-sm-6">
                        <div class="breadcrumbs-area clearfix">
                            <h4 class="page-title pull-left">欢迎来到后台管理系统</h4>
                            <ul class="breadcrumbs pull-left">
                                <li><a th:href="@{/admin/user}">主页</a></li>
                                <li><a>用户管理</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- page title area end -->
            <div class="main-content-inner">
                <div class="row">
                    <div class="col-12 mt-5">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="header-title">新增用户</h4>
                                <div class="form-group">
                                    <label  class="col-form-label">学号</label>
                                    <input class="form-control" type="text" th:value="${userid}"
                                           id="userid" name="userid" disabled="disabled">
                                </div>
                                <div class="form-group">
                                    <label class="col-form-label">姓名</label>
                                    <input class="form-control" type="text" id="username" name=“username” th:placeholder="输入姓名">
                                </div>
                                <div class="form-group">
                                    <label  class="col-form-label">性别</label>
                                    <input class="form-control" type="text" id="usersex" name=“usersex” th:placeholder="输入性别">
                                </div>
                                <div class="form-group">
                                    <label  class="col-form-label">电话</label>
                                    <input class="form-control" type="text" id="userphone" name=“userphone” th:placeholder="输入电话号码">
                                </div>
                                <div class="form-group">
                                    <label  class="col-form-label">地址</label>
                                    <input class="form-control" type="text" id="usearddress" name=“usearddress” th:placeholder="输入地址">
                                </div>

                                <div class="pagination_area pull-right ">
                                    <ul>
                                        <li><a  onclick='insertUser()'>提交</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main content area end -->
    </div>
</form>
<script th:src="@{/assets/js/vendor/jquery-2.2.4.min.js}"></script>
<!-- bootstrap 4 js -->
<script th:src="@{/assets/js/popper.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/owl.carousel.min.js}"></script>
<script th:src="@{/assets/js/metisMenu.min.js}"></script>
<script th:src="@{/assets/js/jquery.slimscroll.min.js}"></script>
<script th:src="@{/assets/js/jquery.slicknav.min.js}"></script>

<!-- start chart js -->
<script th:src="@{/assets/js/Chart.min.js}"></script>
<!-- start highcharts js -->
<script th:src="@{/assets/js/highcharts.js}"></script>
<!-- start zingchart js -->
<script th:src="@{/assets/js/zingchart.min.js}"></script>
<script>
    zingchart.MODULESDIR = "assets/js/modules/";
    ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3edaf6d"];
</script>
<!-- all line chart activation -->
<script th:src="@{/assets/js/line-chart.js}"></script>
<!-- all pie chart -->
<script th:src="@{/assets/js/pie-chart.js}"></script>
<!-- others plugins -->
<script th:src="@{/assets/js/plugins.js}"></script>
<script th:src="@{/assets/js/scripts.js}"></script>
<script th:src="@{/assets/addUser.js}"></script>
<script th:src="@{/assets/search.js}"></script>


</body>

</html>
